<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Главная страница</title>
    <link rel="stylesheet" href="styles.css" />
    <script src="schedule.js"></script>
    <script src="header.js"></script>
  </head>

  <body>
    <div id="header"></div>

    <div class="main">
      <div class="main__content">
        <ul class="schedule__form__list">
          <form
          id="schedule__form"
          action="/"
          method="dialog"
          onsubmit="return scheduleSubmit(this)" 
            <div class="schedule__form__content">
              <li id="list__items"><label id="labels" for="reason">В связи с чем Вы хотите внести изменения в расписание?</label></li>
                <label class="options__reasons">
                  <input type="radio" name="reason" id="reason__not__other" 
                  onclick="document.getElementById('reason__text__field').style.visibility = 'hidden'"/> Болезнь
                </label>
                <label class="options__reasons">
                  <input  type="radio" name="reason" id="reason__not__other" 
                  onclick="document.getElementById('reason__text__field').style.visibility = 'hidden'"/> Отпуск
                </label>
                <label class="options__reasons">
                  <input type="radio" name="reason" id="reason__other" 
                  onclick="document.getElementById('reason__text__field').style.visibility = ''"/> Другое
                </label>
                <input style="visibility: hidden;" type="text" name="reason" id="reason__text__field" placeholder="Укажите причину:" class="reasons__field"></input>
                
                <li class="list__items"><label id="labels" for="text">Введите время, в течение которого Вы будете отсутствовать:</label></li>
                <input class="date__field" type="text" name="date_start" placeholder="С 01.02.2024"/></span>
                <input class="date__field" type="text" name="date_end" placeholder="По 15.02.2024"/></span>

                <input id="schedule__button" class="list__items" type="submit" value="Внести изменения" 
                onClick="{alert('Запрос отправлен.'); window.location= 'profile.html'}"/><!-- '+document.getElementById('schedule__form').reason +'  -->
              </form>
            </ul>
          </div>
        </div>
      </div>
    </div>
    
    <div id="footer"></div>
  </body>
</html>

